<template>
  <TabsList
    class="bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-xl p-[3px] flex grid w-full grid-cols-4 bg-white/70 backdrop-blur-sm border border-slate-200 shadow-sm h-12 p-1"
    data-slot="tabs-list"
    v-bind="props"
  >
    <slot />
  </TabsList>
</template>

<script setup>
import { TabsList } from "radix-vue";
import { cn } from "../utils";

const props = defineProps({
  className: {
    type: String,
    default: "",
  },
});
</script>
